.odoc-create-main{
	height:100%;
	font-family: simsum;
	a{
	  color: #333;
	  text-decoration: none;
		font-weight: bold;
	}
	a:hover{
	    text-decoration: none;
	}
	.topTitle {
		font-family: PingFangSC-Regular;
		color: #484A4D 100%;
	}
	.contractCreation_div{
		width:100%;
		height:auto;
		.contractCreation_nav{
			width: 100%;
			position: relative;
			box-shadow: 0px 10px 12px -10px rgba(0, 0, 0, 0.05);
			background-color: white;
			overflow: hidden;
			.titleDiv{
				font-weight: bolder;
				line-height: 32px;
				padding: 15px;
				margin-right:0;
				float:left;
				width:110px;
				font-family: PingFangSC-Medium;
			}
			ul{
				width: calc(100%-100px);
				overflow: hidden;
				position: relative;
				display: block;
				line-height: 30px;
				padding: 5px 0px;
				a{
					li{
						padding: 0px 15px;
						float: left;
						margin: 11px 10px;
						border: 1px solid #ccc;
						border-radius: 5px;
						cursor: pointer;
						font-family: PingFangSC-Medium;
						color: #333333;
						letter-spacing: -0.08px;
						text-align: center;
					}
					li:hover{
						background: #2db7f5;
						border: 1px solid #2db7f5;
						text-decoration: none;
						color: #fff;
					}
				}
				a:hover{
					color: #fff;
					font-weight: 400;
					text-decoration: none;
				}
				.titleLiSelected{
					border:#2db7f5 1px solid;
					background: #2db7f5;
					color: #fff;
					font-weight: 400;
				}
			}
		}
	}
	.contractCreation_div:after{
		clear:both;
	}
	.detailData{
		// height:calc(100% - 60px);
		overflow:auto;
		clear:both;
		section {
			margin:0px 15px 15px 15px;
			background: rgb(245,245,245);
			border-left: 4px solid;
			position: relative;
			padding: 0px 0 10px;
			border-width: 1px 1px 1px 4px;
			border-style: solid;
			border-color: rgb(245,245,245);
			transition: all 0.3s ease 0s;
			h3{
				margin: 10px 0;
				font-family: PingFangSC-Medium;
				color: #484A4D;
				letter-spacing: -0.09px;
			}
		}
		section:hover {
			background: rgb(255, 255, 255);
			border-color: rgb(213, 213, 213);
			box-shadow: 0 2px 6px hsla(0,0%,39%,.2);
		}
		.section_ul{
			overflow: hidden;
			padding-top: 5px;
			.section_item{
				width: 15%;
				float: left;
				margin-left: 10px;;
				line-height: 30px;
				cursor: pointer;
				border-radius: 3px;
				height: 30px;
				.section_fontItem {
					text-overflow: ellipsis;
					padding: 0 45px 0 20px;
					white-space: nowrap;
					overflow: hidden;
				}
			}
			.section_item:hover{
				background: rgb(233,247,255);
			}
			.section_item .cont{
				position: relative;
				width: 100%;
				box-sizing:border-box;
				span{
					font-weight: normal;
					margin: 0;
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
					font-family: PingFangSC-Regular;
					color: #484A4D;
					letter-spacing: -0.08px;
					display: inline-block;
   				width: 100%;
				}
				h3:hover {
					color: rgb(74, 177, 252);
				}
			}
			.section_item:hover .section_iconItem {
				display: inline-block;
			}

			.section_item .clearfix:after {
				clear: both;
				content: ".";
				display: block;
				font-size: 0;
				height: 0;
				visibility: hidden
			}

			.section_iconItem {
				display: none;
				position: absolute;
				right: 0;
				top: 0;
				height: 30px;
				z-index: 1;
				padding-right: 10px;
				.wea-add-drop-btn {
					display: inline-block;
					width: 30px;
					text-align: center;
					cursor: pointer;
					position: relative;
					height: 30px;
					line-height: 30px;
					.wea-add-drop-btn-area {
						display: inline-block;
						width: 30px;
						height: 30px;
						color: #484A4D;
					}
					.wea-add-drop-content {
						position: absolute;
						top: 30px;
						right: 0;
						background: #fff;
						border: 1px solid #dadada;
						box-shadow: 0 0 2px #dadada;
						padding: 10px 0;
						.ant-menu {
							border-right: 0;
						}
						.ant-menu-item {
							padding: 0 5px;
							height: 30px;
							line-height: 30px;
							border-right: 0;
							text-align: left;
							text-indent: 1em;
						}
					}
				}
				.wea-add-drop-btn .wea-add-drop-content .wea-add-drop-btn-on {
					height: 27px;
					width: 30px;
					position: absolute;
					top: -27px;
					right: -1px;
					line-height: 21px;
					border: 1px solid #dadada;
					border-bottom: 0;
					background-color: #fff;
					box-shadow: 0px -1px 2px -1px #dadada;
				}
			}

			.div_line{
				position: absolute;
				right: -5px;
				top: 8px;
				width: 2px;
				background: #ccc;
				height: 18px;
			}
		}
	}
}